<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>华为</title>
    <!-- 字体图标 -->
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <!-- 基础样式 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- link:favicon网页图标 -->
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 首页样式 -->
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- w -->
    <div class="W">
      <div class="db">
        <div class="wrapper">
          <!--  -->
          <div class="left">
            <ul>
              <li>华为官网</li>
              <li>荣耀官网</li>
              <li>软件应用 <a class="a" href=""></a></li>
              <li>花粉俱乐部</li>
              <li>Select Region</li>
            </ul>
          </div>
          <!--  -->
          <div class="right">
            <ul>
              <li class="l1">登录</li>
              <li class="l1">注册</li>
              <li>我的订单</li>
              <li>V码(优购码)</li>
              <li>手机版</li>
              <li>网站导航 <a class="a" href=""></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 分割线 -->
    <div class="db_"></div>
    <!-- e华为logo -->
    <div class="E wrapper">
      <div class="left">
        <ul>
          <li><a href=""></a></li>
          <li>商城首页</li>
        </ul>
      </div>
      <!--  -->
      <div class="right">
        <ul>
          <li></li>
          <li>微信扫码关注我们</li>
        </ul>
      </div>
    </div>
    <!-- 中间img -->
    <div class="R">
      <!-- 导航 -->
      <div class="top"></div>
      <!-- 背景图 -->
      <div class="bottom"></div>
      <!-- 侧边 -->
      <div class="DH wrapper">
        <!-- 侧边导航 -->
        <div class="cb_dh">
          <ul class="ul">
            <li><div>全部商品</div></li>

            <li>
              <div>手机</div>
              HUAWEI Mate系列
            </li>

            <li>
              <div>平板 & 穿戴</div>
              平板电脑 手环/手表
            </li>

            <li>
              <div>笔记本电脑</div>
            </li>

            <li>
              <div>智能家居</div>
              子母路由 电力猫 路由器
            </li>

            <li>
              <div>专属配件</div>
              贴膜 保护壳 保护套
            </li>

            <li>
              <div>通用配件</div>
              耳机 音箱
            </li>
          </ul>
        </div>
        <div class="ul_dh">
          <ul>
            <li>华为专区</li>
            <li>123456789</li>
            <li>123456789</li>
            <li>123456789</li>
            <li>123456789</li>
            <li>123456789</li>
          </ul>
        </div>
        <!-- 图片序号 -->
        <div class="xh">
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 产品 -->
    <div class="cp_top wrapper">
      <img src="./images/20170310105644358.jpg" alt="" />
      <img src="./images/2017031017165551.jpg" alt="" />
      <img src="./images/20170310090516264.jpg" alt="" />
      <img src="./images/20170313143419135.jpg" alt="" />
    </div>
    <!--  -->
    <div class="cp_body wrapper">
      <div class="div">
        <div class="left">
          <ul>
            <li>HUAWEI P10 Plus</li>
            <li>金属钻雕工艺</li>
            <li>￥4388</li>
          </ul>
        </div>
        <img src="./images/1489161234073.png" alt="" />
      </div>
      <div class="div">
        <div class="left">
          <ul>
            <li>HUAWEI nova 青春版</li>
            <li>炫出我色彩</li>
            <li>￥1999</li>
          </ul>
        </div>
        <img src="./images/1491476650727.png" alt="" />
      </div>
      <div class="div">
        <div class="left">
          <ul>
            <li>HUAWEI Mate 9 Pro</li>
            <li>2K双曲面屏</li>
            <li>￥4699</li>
          </ul>
        </div>
        <img src="./images/1484219138436.png" alt="" />
      </div>
    </div>
    <!-- 分割线 -->

    <div class="db_"></div>
    <!--  -->
    <div class="rz wrapper">
      <div class="rz_item">
        <a href=""></a>
        <div>500强企业 品质保证</div>
      </div>
      <div class="rz_item">
        <a href=""></a>
        <div>7天退货 15天换货</div>
      </div>
      <div class="rz_item">
        <a href=""></a>
        <div>99元起免运费</div>
      </div>
      <div class="rz_item">
        <a href=""></a>
        <div>448家维修网点 全国联保</div>
      </div>
    </div>
    <!-- 分割线 -->
    <div class="db_"></div>

    <!--  -->
    <div class="fw wrapper">
      <div class="item">
        <div><a href=""></a></div>
        <div class="lb">
          <ul>
            <li>帮助中心</li>
            <li>购物指南</li>
            <li>配送方式</li>
            <li>支付方式</li>
            <li>常见问题</li>
          </ul>
        </div>
      </div>
      <div class="item">
        <div><a href=""></a></div>
        <div class="lb">
          <ul>
            <li>售后服务</li>
            <li>保修政策</li>
            <li>退换货政策</li>
            <li>退换货流程</li>
            <li>保修状态查询</li>
          </ul>
        </div>
      </div>
      <div class="item">
        <div><a href=""></a></div>
        <div class="lb">
          <ul>
            <li>技术支持</li>
            <li>售后网点</li>
            <li>荣耀零售店铺</li>
            <li>预约维修</li>
            <li>手机寄修服务</li>
            <li>维修配件价格查询</li>
            <li>软件下载</li>
          </ul>
        </div>
      </div>

      <div class="item">
        <div><a href=""></a></div>
        <div class="lb">
          <ul>
            <li>关于商城</li>
            <li>公司介绍</li>
            <li>华为商城简介</li>
            <li>联系客服</li>
          </ul>
        </div>
      </div>
      <div class="item">
        <div><a href=""></a></div>
        <div class="lb">
          <ul>
            <li>关注我们</li>
            <li>新浪微博</li>
            <li>腾讯微博</li>
            <li>花粉俱乐部</li>
            <li>商城手机版</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 分割线 -->
    <div class="db_"></div>

    <div class="bottom wrapper">
      <div>
        <p>
          友情链接： | 华为官网 | 华为消费者业务 | 荣耀官网 | 花粉俱乐部 |
          莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 | 刷机精灵
          | 华为手机 | 优购物官网 | 智能电视 | UC浏览器 |
        </p>
      </div>
      <div>
        <p>
          中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 |
          多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 |
          拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场 |
        </p>
      </div>
      <div>
        <p>
          阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 |
          电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 | 移动叔叔
          | 奥特莱斯 | 荣耀Magic | 携程租车 |
        </p>
        <p class="lj">申请链接>></p>
      </div>
      <div>
        <p>
          隐私政策 服务协议 Copyright ? 2012-2017 VMALL.COM 版权所有
          保留一切权利
        </p>
      </div>
      <div class="i">
        <a href=""><img src="./images/20160226162651249.png" alt="" /></a>
        <p>
          公安备案 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 |
          增值电信业务经营许可证：苏B2-20130048 |
          网络文化经营许可证：苏网文[2015] 1599-026号
        </p>
      </div>
      <div class="img">
        <div>
          <a href=""><img src="./images/20161224180914742.png" alt="" /></a>
        </div>
        <div>
          <a href=""><img src="./images/20160226162415360.png" alt="" /></a>
        </div>
        <div>
          <a href=""><img src="./images/20160226162521265.png" alt="" /></a>
        </div>
        <div>
          <a href=""><img src="./images/20160226162531395.png" alt="" /></a>
        </div>
      </div>
    </div>
  </body>
</html>
